/*
vuex：
1.页面有多个需要共享的状态，引入vuex，便于维护（非父子通信）
2.缓存部分异步数据，减少后端服务的访问，增加用户体验
 */
import { createStore } from "vuex";
import CinemaModule from "./module/CinemaModule";
import TabbarModule from "./module/TabbarModule";
import createPersistedState from "vuex-persistedstate";

const store = createStore({
  plugins: [
    createPersistedState({
      reducer: (state) => {
        return {
          isTabbarShow: state.TabbarModule.isTabbarShow,
        };
      },
    }),
  ],
  modules: {
    CinemaModule,
    TabbarModule,
  },
});

export default store;
